<%@ page language="java" import="java.util.*" import="com.businessobjects.rebean.wi.*" import="com.crystaldecisions.sdk.framework.*" import="com.crystaldecisions.sdk.occa.infostore.*" import="com.crystaldecisions.sdk.plugin.desktop.folder.*" import="com.crystaldecisions.sdk.exception.*"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="/thor-toolkit" prefix="tt" %>
<!DOCTYPE html>
<html>
<head>
	<tt:env/><tt:loc bundle="message"/>
    <!--<title>${loc.get("title")}</title>-->
    <title>BMK</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="${root}/assets/script/tui/css/tui.min.css">
    <link href="${root}/assets/script/font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="${root}/assets/script/jquery-1.11.1.min.js"></script>
    <script src="${root}/assets/script/tui/tui.all.js"></script>
    <script src="${root}/assets/script/tui/lang/zh-cn.js"></script>
    <script src="${root}/assets/script/tui/lang/en-us.js"></script>
    <tt:script>
        $(function(){
            
        });
    </tt:script>
   <!-- <tt:script>
        $(function(){
            tui.ctrl.button("btnTest").on("click", function(){
                var form = tui.ctrl.form();
                form.action("getServerInfo.do");
                form.target("serverInfo");
                form.field("*");
                form.targetProperty("innerHTML");
                form.on("success", function(){
                    tui.infobox("<span id='serverInfo' style='display:inline-block;text-align:left;vertical-align:middle;width:180px;height:40px'></span>");
                });
                form.submit();
            });
        });
    </tt:script>-->
</head>
<body style="margin:0;padding: 0; overflow: hidden;background-color:white;">
	<!--<h2 class="nav" style="margin:0; line-height: 45px; height: 45px; min-width:990px;
		background: #303a40;text-align: left;color:white;padding-left: 30px;">
	  <span style="float:left;margin-right: 100px;display:inline-block;vertical-align:middle;">BMK</span>
	</h2>-->
	<div style="position:absolute; top:0;left:0;right:0;
		 height:1000px;opacity:0.8; background-size:contain;
		 background-image: url(${root}/assets/image/loginBack.png); padding-top: 140px;" >
	</div>
	<div class="tui-panel" style="height: 160px;position:relative;padding:40px 0;width: 360px;margin: 150px auto 0;text-align: center; ">

		<div style="position: absolute;left:0;top:0;right:0;bottom:0;background:white;opacity:0.9;z-index:1;"></div>
		<div style="z-index: 2;position: absolute;left:0;top:0;right:0;bottom:0;padding-top:32px">
		  <!--<div id="getInfoBtn" class="tui-button">获得用户信息</div>-->
		  <span style="font-weight:bold;font-size:20px;">中海石油气电集团对标管理平台登录</span>
		  <br><br>
		  <span class="tui-input-group tui-inline"><span class="tui-label" style="width: 30px">
			  <i class="fa fa-user"></i></span>
			<span class="tui-input" data-form="loginForm" data-placeholder="请输入登录账号" data-field="account"></span></span>
		  <br>
		  <span class="tui-input-group tui-inline" style="margin:10px 0 16px 0;"><span class="tui-label" style="width: 30px">
			  <i class="fa fa-key"></i></span>
			<span class="tui-input" data-type="password"  data-placeholder="请输入登录密码" data-form="loginForm"
				  data-field="password" data-submit-form="loginForm"></span></span>
		  <br>
          <div><a class="tui-button tui-primary" data-submit-form="loginForm" style="width: 120px">登录</a></div>
		</div>
	  </div>

	<!-- Query Forms -->
	<span id="loginForm" class="tui-form"
		  data-action="${root}/action/login"
		  data-target-redirect="console/index.jsp" data-waiting="登录中,请稍等...">
	</span>
  </body>
</html>

